.pc{display:none}@media only screen and (min-width: 768px){.mobile{display:none}.pc{display:inline-block}}.scroll-container{position:fixed;top:87px;left:0;width:100%;height:calc(100% - 87px);overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:0}@media only screen and (min-width: 768px){.scroll-container{overflow:hidden;height:calc(100% - 151px)}}.scroll-container .mouse-ani{position:fixed;bottom:30px;left:50%;margin-left:-13px}@media only screen and (min-width: 768px){.scroll-container .mouse-ani{bottom:50px}}.scroll-container .mouse-ani .gesture{width:40px}.scroll-container .mouse-ani .mouse{border:2px solid #fff;border-radius:14px;background-color:transparent;width:26px;height:40px}.scroll-container .mouse-ani .dot{width:6px;height:6px;position:absolute;left:50%;top:27%;margin-left:-3px;background-color:#fff;border-radius:3px;-webkit-animation:dot-animation 1.4s infinite ease-in-out;animation:dot-animation 1.4s infinite ease-in-out}.scroll-container img{width:100%}@-webkit-keyframes dot-animation{0%{top:27%;opacity:1}50%{top:62%;opacity:0}100%{top:27%;opacity:0}}@-moz-keyframes dot-animation{0%{top:27%;opacity:1}50%{top:62%;opacity:0}100%{top:27%;opacity:0}}@keyframes dot-animation{0%{top:27%;opacity:1}50%{top:62%;opacity:0}100%{top:27%;opacity:0}}#main{display:block;width:100%;height:100%}#main .scene{height:100%}.scene{position:relative;display:inline-block;width:1100px;height:100%}@media only screen and (min-width: 768px){.scene{width:1500px}}#scene-1{width:3100px}@media only screen and (min-width: 768px){#scene-1{width:4500px}}#scene-1 .img-1{background-image:url("http://portfolioshop.speedgabia.com/alpa/index/rotate.jpg");background-repeat:no-repeat;background-size:14560px 373px;background-position:left center;width:560px;height:373px;position:fixed;top:calc(50% - 186px);left:calc(50% - 280px)}@media only screen and (min-width: 768px){#scene-1 .img-1{background-size:23946px 614px;width:921px;height:614px;top:calc(50% - 240px);left:calc(50% - 460px)}}#scene-1 .copy-1{position:absolute;top:calc(50% - 122px);left:610px;font-weight:500;font-size:40px;line-height:1.1;color:#fff;text-align:right;text-shadow:0px 0px 20px rgba(0,0,0,0.4)}@media only screen and (min-width: 768px){#scene-1 .copy-1{font-size:56px}}#scene-1 .copy-2{position:absolute;top:calc(50% - 122px);left:1650px;font-weight:500;font-size:40px;line-height:1.1;color:#fff;text-align:right;text-shadow:0px 0px 20px rgba(0,0,0,0.4)}@media only screen and (min-width: 768px){#scene-1 .copy-2{font-size:56px;left:2200px}}#scene-1 .copy-3{position:fixed;bottom:0%;left:calc(50% - 385px);font-family:'Noto Serif KR', serif;font-weight:200;font-size:22px;line-height:1.3;color:#fff;text-align:center;opacity:0}#scene-1 .copy-3 .quote{margin:10px auto}#scene-1 .copy-3 .author{font-weight:300;font-size:13px}@media only screen and (min-width: 768px){#scene-1 .copy-3{font-size:36px}#scene-1 .copy-3 .author{font-size:15px}}#scene-2 .inner{vertical-align:bottom;line-height:1}#scene-2 .img-1{width:410px;height:360px;display:inline-block;overflow:hidden}#scene-2 .img-1 .photo{width:100%;height:100%;background-image:url("http://portfolioshop.speedgabia.com/alpa/index/scene2-1.jpg");background-position:center top;background-repeat:no-repeat;background-size:cover}@media only screen and (min-width: 768px){#scene-2 .img-1{width:676px;height:593px}}#scene-2 .copy-1{position:absolute;bottom:264px;left:calc(50% + 222px);font-weight:500;font-size:30px;line-height:1.1;color:#ccc;text-align:left;text-shadow:0px 0px 20px rgba(0,0,0,0.4)}#scene-2 .copy-1 .white{color:#fff}@media only screen and (min-width: 768px){#scene-2 .copy-1{bottom:360px;font-size:36px;left:calc(50% + 358px)}}#scene-3 .img-1{width:400px;height:300px;box-shadow:20px 20px 30px rgba(0,0,0,0.4);position:absolute;left:250px;top:0}@media only screen and (min-width: 768px){#scene-3 .img-1{width:600px;height:450px;left:450px}}#scene-3 .img-2{width:342px;height:223px;box-shadow:20px 20px 30px rgba(0,0,0,0.4);position:absolute;left:1000px;bottom:10%}@media only screen and (min-width: 768px){#scene-3 .img-2{width:513px;height:335px;bottom:0}}#scene-3 .img-3{width:333px;height:250px;box-shadow:20px 20px 30px rgba(0,0,0,0.4);position:absolute;left:1000px;top:10%}@media only screen and (min-width: 768px){#scene-3 .img-3{width:500px;height:375px}}#scene-3 .copy-1{position:absolute;top:170px;left:calc(50% + 115px);font-weight:500;font-size:30px;line-height:1.1;color:#ccc;text-align:left;text-shadow:0px 0px 20px rgba(0,0,0,0.4)}#scene-3 .copy-1 .white{color:#fff}@media only screen and (min-width: 768px){#scene-3 .copy-1{top:295px;left:calc(50% + 320px);font-size:36px}}#scene-4{z-index:-1}@media only screen and (min-width: 768px){#scene-4{width:1700px}}#scene-4 .inner{vertical-align:bottom}#scene-4 .img-1{width:410px;height:360px;display:inline-block;overflow:hidden;margin-left:-440px}#scene-4 .img-1 .photo{width:100%;height:100%;background-image:url("http://portfolioshop.speedgabia.com/alpa/index/scene4-1.jpg");background-position:center top;background-repeat:no-repeat;background-size:cover}@media only screen and (min-width: 768px){#scene-4 .img-1{width:676px;height:593px;margin-left:0}}#scene-4 .copy-1{position:absolute;bottom:145px;left:50%;font-weight:500;font-size:30px;line-height:1.1;color:#ccc;text-align:left;text-shadow:0px 0px 20px rgba(0,0,0,0.4)}#scene-4 .copy-1 .white{color:#fff}@media only screen and (min-width: 768px){#scene-4 .copy-1{bottom:255px;font-size:36px;left:calc(50% + 360px)}}#scene-5 .inner{background-image:url("http://portfolioshop.speedgabia.com/alpa/index/scene5-1.jpg");background-position:calc(50% + 5px) calc(50% + 40px);background-repeat:no-repeat;background-size:771px 551px;vertical-align:middle}@media only screen and (min-width: 768px){#scene-5 .inner{background-position:calc(50% + 5px) calc(50% + 100px);background-size:1028px 735px}}#scene-5 .news-letter{display:inline-block;text-align:left;margin-top:-30px;padding:0 10px;width:280px}@media only screen and (min-width: 768px){#scene-5 .news-letter{padding:0;width:auto}}#scene-5 .news-letter p{font-weight:500;font-size:34px;line-height:1.2;color:#ccc;margin:10px auto}#scene-5 .news-letter p .white{color:#fff}@media only screen and (min-width: 768px){#scene-5 .news-letter p{font-size:36px;line-height:normal}}#scene-5 .news-letter form input{width:280px;font-size:14px;font-weight:700;color:#282828;padding:6px 10px;background-color:#fff;box-sizing:border-box;border-radius:0}#scene-5 .news-letter form input::placeholder{color:#282828}@media only screen and (min-width: 768px){#scene-5 .news-letter form input{width:350px}}#scene-5 .news-letter form button{font-weight:700;font-size:14px;color:#282828;background-color:#ffd200;padding:8px 30px 9px 12px;border:none;margin:6px 0 0 0}@media only screen and (min-width: 768px){#scene-5 .news-letter form button{margin-top:0;margin-left:10px;padding:8px 30px 9px}}.latest_wr{display:none}#footer{display:none}html,body{background-color:#000}.footer{position:absolute;bottom:0;left:0}@media only screen and (min-width: 768px){.footer{left:calc(50% - 400px);max-width:800px}}.footer .info{text-align:center;font-size:13px;font-weight:400;color:#888;padding:0 10px 10px}@media only screen and (min-width: 768px){.footer .info{padding:0 10px}}.footer .info .footer-copy{line-height:1.7;margin:0}.footer .info .footer-copy .split{font-size:10px;color:#666;margin:auto 8px 6px;vertical-align:middle;display:inline-block}.footer .info .copyright{font-size:12px;margin:0}.footer a:link,.footer a:visited{text-decoration:none;color:#888}.footer a:hover,.footer a:active{text-decoration:underline;color:#fff}.footer .pc{display:none}@media only screen and (min-width: 768px){.footer .mobile{display:none}.footer .pc{display:inline-block}}
